<template>
    <div class="mycommunity_box" >
        <LEFT style="vertical-align: top;height: 500px;" @change_box="changebox"/>
        <RIGHT class="right" :activebox="cureent_Active"/>
    </div>
</template>

<script setup>
import { ref, watch ,onMounted} from "vue"
import { useRoute } from "vue-router"
import LEFT from "./left.vue"
import RIGHT from "./right/layout.vue"
let route = useRoute()
let cureent_Active=ref('index')
watch(cureent_Active, (newvalue, oldvalue) => {
    return newvalue
})

const changebox = (box) => {
   cureent_Active.value = box
}
onMounted(() => { 
    if (route.query.redirect) {
         cureent_Active.value = route.query.redirect
    }
})
</script>

<style  scoped>
.mycommunity_box{
  width: 1580px;
  height: 100vh;
}
.right{
    vertical-align: top;
    overflow:scroll;
    height:calc(100vh - 80px);
}

</style>